<!DOCTYPE html>
<html class="no-touch">
  
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <meta charset="utf-8">
   
    <title>知乎专栏</title>

    <meta name="description" content="知乎专栏">
   
    <script src="/homeCSS/zhuanlanCSS/ga.js" async=""></script>

    <link rel="stylesheet" href="/homeCSS/zhuanlanCSS/573ac0fc.css">
    <!-- <link href="{{asset('/adminCSS/bower_components/bootstrap/dist/css/bootstrap.min.css')}}" rel="stylesheet"> -->
    <style type="text/css">
    #fenye{
      text-align:center;
    }
    .pagination {
      display: inline-block;
      padding-left: 0;
      margin: 20px 0;
      border-radius: 4px
    }

    .pagination>li {
      display: inline
    }

    .pagination>li>a,.pagination>li>span {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd
    }

    .pagination>li:first-child>a,.pagination>li:first-child>span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px
    }

    .pagination>li:last-child>a,.pagination>li:last-child>span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px
    }

    .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
      color: #23527c;
      background-color: #eee;
      border-color: #ddd
    }

    .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
      z-index: 2;
      color: #fff;
      cursor: default;
      background-color: #337ab7;
      border-color: #337ab7
    }

    .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
      color: #777;
      cursor: not-allowed;
      background-color: #fff;
      border-color: #ddd
    }

    </style>
    </head>
  
  <body class=" home">
    <?php 
      @session_start();
      $id =  $_SESSION['id'];
    ?>
    <div id="header-holder">
      <div class="">
        <header id="header" class="navbar sbfixed sbfixed-show" style="display: block;">
          <div class="navbar-logo-container">
            <a target="_blank" class="logo icon-ic_zhihu_logo" aria-label="知乎首页"></a>
          </div>
          <div class="navbar-title-container clearfix show">
          
            <div class="titles oneline"></div>
          </div>
            <div class="navbar-write-container ">
              <a href="/home/write/index">
                <i class="icon-ic_nav_new"></i>写文章</a>
            </div>
        
          <div class="navbar-content"></div>
        </header>
      </div>
    </div>
    
    <main class="main-container ">
      <div class="">
        <div class="top">
          <h1>知乎
            <span class="bull">·</span>专栏</h1>
          <h2>随心写作，自由表达</h2>
        </div>
        <section class="l-receptacle">
          <h3>
            <span>专栏 · 发现</span></h3>
            <li class="column-card-item" style="display:none" id="item">
              <p class="avatar">
                <a href="#" ui-open-blank="">
                  <img alt="" src=""></a>
              </p>
              <p class="title">
                <a ui-open-blank="" href="#"></a></p>
              <p class="description">
                <a ui-open-blank="" href="#"></a></p>
              <a ui-open-blank="" class="btn btn-green btn-90_32" href="#">进入专栏</a>
            </li>
          <ul class="column-card-list clearfix">
          @foreach($data as $k=>$v)
            <li class="column-card-item" id="item">
              <p class="avatar">
              @if($v->zlpic)
                <img alt="" src="{{$v->zlpic}}">
              @else
                <img alt="" src="/homeCSS/img/1.jpg">
              @endif   
              </p>
              <p class="title">{{$v->cname}}</p>
              <p class="description">{{$v->content}}</p>
              <a ui-open-blank="" class="btn btn-green btn-90_32" href="/home/zhuanlan/zhuanlan?id={{$v->id}}">进入专栏</a>
            </li>
          @endforeach 
          </ul> 
          <div id="fenye">
            {!! $data->render() !!}
          </div>
        </section>
        <div class="bottom">
          <h3>在知乎创作</h3>
          <a class="btn btn-black" href="/home/zhuanlan/shenqing">申请专栏</a>
          <p class="copyright">
            <a ui-open-blank="" href="#" class="about">关于专栏</a>
            <span>©2017 知乎</span></p>
        </div>
      </div>
    </main>
  <script src="/homeCSS/zhuanlanCSS/8e93f487.js"></script>
  <script src="/homeCSS/zhuanlanCSS/eac22011.js"></script>
  <script src="/homeCSS/zhuanlanCSS/21ba3a5f.js"></script>
  <script async="" src="/homeCSS/zhuanlanCSS/zap.js"></script>
  </script>
  </body>
</html>